Shadow

Description

The shadow property can simply be understood as a String Property containing four number values. These four values each configure another aspect of the shadow.

Feature	Value
Theme injectable	✓
Possible Inputs	5px 10px 5px 10px #888888

Shadow Elements

x and y

The x and y values will move the whole shadow. For positive x-values the shadow will be moved to the right, for negative ones to the left. For positive y-values the shadow will be moved to the bottom, for negative ones to the top. The unit of the values is pixels in all cases.

blur

The blur value is also given in pixels and will blur the shadow depending on the value, the higher the value the more intense the blur. The value has to be positive, negative values are forbidden.

spread

The spread value is also given in pixels. This value is responsible for making the shadow, which by default is the same width and height as its component, bigger or smaller. A positive value will increase the width and height of the shadow, a negative value will decrease it.

Occurrences

Toolbar

Inside here the shadow property is used in the Toolbar ExtensionShadow Picker.

Detail Panel

In the Detail Panel the shadow property is used in the Detail Panel Shadow Picker. Within here you can toogle the whole shadow to disappear, while the rest doesn't differ from it's counterpart in the Toolbar Extension.